<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>08.框架事件</title>
</head>
<body>

    <script>
        // onload 事件  节点全部渲染完成 才会执行
      window.onload = function() {
        console.log(divNode);
        // 所有的节点操作写入到onload中
      }
      
      // 窗口的大小
      window.onresize = function() {

        // console.log("窗口改变了....");
        // 获取窗口的宽度和高度  获取视口的大小
        var width = document.documentElement.clientWidth
        var height =  document.documentElement.clientHeight;
        console.log(width,height);

      }
     

    </script>

    <div id="divNode"></div>
    
</body>
</html>